<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./lib/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/heade-footer.css">
    <link rel="stylesheet" href="./css/06case-details.css">
</head>

<body>
    <!-- 公共样式
    fl,左浮
    fr,右浮动
    bx,怪异盒子
    cb,清除浮动
    rel,相对定位
    abs，绝对定位  
    con ，版心 
  -->
    <!-- 页头 -->
    <div class="heade abs">
        <!-- logo -->
        <a href="./index.html">
            <div class="heade-logo fl"></div>
        </a>
        <!-- 中间的导航 -->
        <ul class="heade-nav abs">
            <li class="fl rel">
                <a href="./index.html">首页
                    <!-- 空标签模拟下划线 -->
                    <div class="heade-un abs"></div>
                </a>
            </li>
            <li class="fl">
                <a href="./API.html">API</a>
            </li>
            <li class="fl">
                <a href="././05case.html">案例</a>
            </li>
        </ul>
        <!-- 登录于注册 -->
        <div class="heade-enter fr">
            <a href="./03seek.html" target="_blank">登录</a>
            <a href="#">注册有礼</a>
        </div>

    </div>
    <!-- 页头结束======================================================= -->

     <!-- 注册页面模态框 -->
     <div id="register">
            <div id="header">
                <div class="header-moderator">
                    <img src="./imge/images/loginlogo.png" alt="">
                    <p>已有源码账号<a href="./03seek.html">立即登录</a></p>
                </div>
            </div>
            <!-- 输入框 -->
        <div class="form-back">
            <!-- 标题 -->
            <div class="form-box">
                <h2>
                    欢迎注册
                </h2>
                <h3>
                    百款接口免费试用
                </h3>
                <div class="form-gb">
                    <img src="./imge/images/reg-gift.png" alt=""> 注册即送300元大礼包
                </div>
                <p><input type="text" placeholder="用户名"></p>
                <p><input type="text" placeholder="输入手机号"></p>
                <p><input type="text" placeholder="验证码"><span>获取验证码</span><a>6</a></p>
                <p><input type="text" placeholder="密码"></p>
                <div class="form-deal"><input type="checkbox">
                    我已阅读并接受<a href="#">《源码用户服务协议》 《源码隐私政策》</a>
                </div>
              <button>立即注册</button>
            </div>
        </div>
    </div>
    <!-- 注册模态框结束======================================================= -->

    
    <div class="banner rel">
        <!-- 背景div/粒子效果 -->
        <div id="mydiv" style="height:414px;"></div>
    </div>
    <!-- banner结束 ===============================================-->
    <!-- 主体 -->
    <div class="bodys">
        <!-- 上面的图文标题 -->
        <div class="bodysh">
            <img src="./imge/images/szyh-logo-details_03.jpg" alt="">
            <p>
                苏州银行数据API服务系统
            </p>
            <div class="bodysh-txt">
                苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监 管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股，为全国第33家、 江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。
            </div>
        </div>
        <div class="bodys-content">
            <!-- 逗号图片 -->
            <img src="./imge/images/help-des-icon.svg" alt="">
            <p>
                苏州银行在数仓建设过程中创建了新的数据模型，需要开放出去供外部系统调用。传统做法首先需要将数仓中的模型通过数据同步工具落地到目标数据库中，然后应用开发需要了解底层数据源细节，开发数据接口供调用，过程冗长复杂，难以维护，运维成本高。通过源码数据API服务系统平台可从数据库直接生成相关的操作API，搭配前端页面即可使用，极大简化基础
                API 开发、维护工作。
            </p>

            <div class="bodys-content-right fr">
                <!-- a标签模拟蓝色小方块 -->
                <a></a>
                <span>苏州银行开发部</span>
            </div>
            <h2>
                收益
            </h2>
            <p>
                苏州银行在数仓建设过程中创建了新的数据模型，需要开放出去供外部系统调用。传统做法首先需要将数仓中的模型通过数据同步工具落地到目标数据库中，然后应用开发需要了解底层数据源细节，开发数据接口供调用，过程冗长复杂，难以维护，运维成本高。通过源码数据API服务系统平台可从数据库直接生成相关的操作API，搭配前端页面即可使用，极大简化基础
                API 开发、维护工作。
            </p>
            <div class="bodys-floor-imgs">
                <img src="./imge/images/szyh-details.png" alt="">
            </div>

        </div>
    </div>






    <!-- 页脚======================================================= -->
    <div class="footer-box">
        <div class="footer con">
            <div class="cb">
                <!-- 左侧导航 -->
                <ul class="footer-nav fl">
                    <li>
                        <a href="#">联系与支持</a>
                    </li>
                    <li>
                        <a href="#">售前咨询 </a>
                    </li>
                    <li>
                        <a href="#">售后客服</a>
                    </li>
                    <li>
                        <a href="#">联系电话 </a>
                    </li>
                    <li>
                        <a href="#">常见问题</a>
                    </li>
                    <li>
                        <a href="#">急速工单 </a>
                    </li>
                    <li>
                        <a href="#">投诉与建议</a>
                    </li>
                </ul>
                <ul class="footer-nav fl">
                    <li>
                        <a href="#">联系与支持</a>
                    </li>
                    <li>
                        <a href="#">售前咨询 </a>
                    </li>
                    <li>
                        <a href="#">售后客服</a>
                    </li>
                    <li>
                        <a href="#">联系电话 </a>
                    </li>
                    <li>
                        <a href="#">常见问题</a>
                    </li>
                    <li>
                        <a href="#">急速工单 </a>
                    </li>
                    <li>
                        <a href="#">投诉与建议</a>
                    </li>
                </ul>
                <ul class="footer-nav fl">
                    <li>
                        <a href="#">联系与支持</a>
                    </li>
                    <li>
                        <a href="#">售前咨询 </a>
                    </li>
                    <li>
                        <a href="#">售后客服</a>
                    </li>
                    <li>
                        <a href="#">联系电话 </a>
                    </li>
                    <li>
                        <a href="#">常见问题</a>
                    </li>
                    <li>
                        <a href="#">急速工单 </a>
                    </li>
                    <li>
                        <a href="#">投诉与建议</a>
                    </li>
                </ul>
                <ul class="footer-nav fl">
                    <li>
                        <a href="#">联系与支持</a>
                    </li>
                    <li>
                        <a href="#">售前咨询 </a>
                    </li>
                    <li>
                        <a href="#">售后客服</a>
                    </li>
                    <li>
                        <a href="#">联系电话 </a>
                    </li>
                    <li>
                        <a href="#">常见问题</a>
                    </li>
                    <li>
                        <a href="#">急速工单 </a>
                    </li>
                    <li>
                        <a href="#">投诉与建议</a>
                    </li>
                </ul>
                <ul class="footer-nav fl">
                    <li>
                        <a href="#">联系与支持</a>
                    </li>
                    <li>
                        <a href="#">售前咨询 </a>
                    </li>
                    <li>
                        <a href="#">售后客服</a>
                    </li>
                    <li>
                        <a href="#">联系电话 </a>
                    </li>
                    <li>
                        <a href="#">常见问题</a>
                    </li>
                    <li>
                        <a href="#">急速工单 </a>
                    </li>
                    <li>
                        <a href="#">投诉与建议</a>
                    </li>
                </ul>
                <!-- 右侧二维码 -->
                <div class="footer-right fr">
                    <p>微信公众号</p>
                    <span>源码时代</span>
                    <p>
                        <img src="./imge/images/wechat-white.png" alt="">
                    </p>
                </div>
            </div>
            <!-- 底部声明 -->
            <div class="footer-statement">
                <p class="fl">
                    <img src="./imge/images/bei1.png" alt="">
                    <img src="./imge/images/bei2.png" alt=""> 增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
                </p>
                <p class="fr">源码大数据股份有限公司©版权所有</p>
            </div>
            <!-- 返回顶部 -->
            <div class="top">∧</div>
        </div>
    </div>
</body>
<script src="./lib/canvas-particle.js"></script>
<script src="./js/06case-details.js"></script>

</html>